body{
    width: 1280px;
    height: 2000px;
    background: url(../../img/ba4.jpg);
    /*background-position: bottom;*/
}

/* --------------The head part-------------- */
#head_left{
    width: 200px;
    height: 760px;
    /*background-color: #818181;*/
    background-color: #FFFFCC;
    opacity: 0.8;
    /*background-color: blue;*/
    margin: 0;
    padding-top: 50px;
    float: left;
    position: fixed;
}

/* About head choice button common style */
.head_href{
    height: 50px;
    width: 200px;
    /*background-color: white;*/
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    font-size: 22px;
    font-family: "楷体";
    /*color: white;*/
    color: #2E4358;
}

/* Choice button hover */
.head_href:hover{
    /*box-shadow: 0px 0px 20px #E7E7E7;*/
   box-shadow: 0px 0px 20px #CCCC66;
    /*background-color: #B3B3B3;*/
   background-color: #FFFF99;
   color: #CC99CC;
    /*color: #46FFFF;*/
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/* About system logo andright_body_show_message logo font div */
#logo_book{
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-family: "楷体";
    color: #B2BCD7;
    /*background-color: white;*/
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
}

/* System logo picture */
#logo_book_img{
    width: 50px;
    height: 50px;
}

/* System logo font */
#logo_book_font{
    float: right;
}

/* About user head picture and user name part */
#head_user{
    padding-top: 20px;
}

/* About user head picture div */
#head_user_pic_div{
    
}

/* About user head picture */
#head_user_pic_img{
    padding-left: 75px;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

/* About user head picture hover event */
#head_user_pic_img:hover{
    padding-left: 70px;
    height: 60px;
    width: 60px;
}

/* About user name div */
#head_user_name_div{
    margin-top: 10px;
    text-align: center;
}

/* About user name font */
#head_user_name_font{
    cursor: pointer;
}

/* About user name font hover event*/
#head_user_name_font:hover{
    font-size: 20px;
}

/* About my book button div */
#head_mybook{
    margin-top: 20px;
}

/* About myBook's child button about select, update, delete book */
#chi_mybook {
    display: none;
    font-size: 18px;
}
/* About myBook's child button share book  */
#chi_sharebook{
    display: none;
    font-size: 18px;
}

/* About myBook's child button borrow book  */
#chi_myBorrowbook{
    display: none;
    font-size: 18px;
}

/* About myBook's child button message  */
#chi_myMessage{
    display: none;
    font-size: 18px;
}

/* About community book button div */
#head_communitybook{
    
}

/* About private book button div */
#head_privatebook{
    
}

/* About select book button div */
#head_findbook{
    
}

/* -----------------head part end---------------- */

/* --------------right body part ---------------- */

/* About right all area */
#right_all{
    float: left;
    width: 1080px;
    height: 100%;
    /*background-color: white;*/
}

/* About right show content part */
#right_body{
    margin-left: 200px;
    width: 200px;
}

/* Show pic message part */
#right_body_show_message{
    width: 1000px;
    height: 300px;
    margin-left: 50px;
    margin-top: 20px;
    background-color: white;
}

/* include user book jsp page */
.include_jsp{
    display: none;
}

#show_book_index{

}

#show_my_book{
    
}

#show_book_index{
    
}

#show_private_book{
    
}

#show_search_book{
    
}

